<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>历史性能查询</title>
	<meta name="decorator" content="default"/>
	<style type="text/css">
	* {
		font-size: 12px;
	}
	</style>	
	<tags:import includes="spinner,bootbox,form"></tags:import>
	<script src="${ctxStatic}/modules/alarm/alarmHist.js"></script>
	<script type="text/javascript">
		var _ctx = '${ctx}';
		function page(n,s){
			$("#pageNo").val(n);
			$("#pageSize").val(s);
			$("#frmSearch").submit();
			return false;
		}
	</script>
</head>
<body>
	<br>
	<form id="frmSearch" modelAttribute="dict" action="${ctx}/alarm/alarmHist/" method="post" class="breadcrumb form-search">
		<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
		<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>		
	</form>
<!-- 	<div class="page-content"> -->
<!-- 		<div class="page-header position-relative"> -->
<!-- 			<h1> -->
<!-- 				历史性能查询 -->
<!-- 				<small> -->
<!-- 				<i class="icon-double-angle-right"></i> -->
<!-- 				History Performance Query -->
<!-- 		    	</small> -->
<!-- 			</h1> -->
<!-- 		</div> -->
		
	    <div class="control-group"">
	        <span class="span3">
	            <label class="control-label" for="form-field-5">站&nbsp;&nbsp;&nbsp;&nbsp;点：</label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="湖北武汉" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label class="control-label" for="form-field-5">网元标识：</label>
	        </span>	  
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="172.16.161.10" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
<!-- 	          <button class="btn btn-small btn-info"> -->
<!-- 	        	<i class="icon-pencil">&nbsp;指  标&nbsp;</i> -->
<!-- 	      	  </button> -->
<!-- 				<button class="btn btn-small btn-warning"> -->
<!-- 					<i class="icon-pencil"></i> -->
<!-- 					指  标 -->
<!-- 				</button> -->
	        </span>
	    </div>	
	<br>
	    <div class="control-group"">
	        <span class="span3">
	            <label class="control-label" for="form-field-5">机 &nbsp;&nbsp;&nbsp;架：</label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="CHASSIS:1" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label class="control-label" for="form-field-5">机&nbsp;&nbsp;&nbsp;&nbsp;盘：</label>
	        </span>	  
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="SLOT:1" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label class="control-label" for="form-field-5">采集周期：</label>
	        </span>	  
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="checkbox" id="form-field-5" checked/>15分钟
	        	<input class="span1" type="checkbox" id="form-field-5"/>24小时
	          </label>
	        </span>
	    </div>		
    <br>
	    <div class="control-group"">
	        <span class="span3">
	            <label class="control-label" for="form-field-5">开始时间：</label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="2014-01-01 10：00" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label class="control-label" for="form-field-5">结束时间：</label>
	        </span>	  
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="2014-03-01 11：00" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <button class="btn btn-info">
	        	<i class="icon-pencil"></i>
	        	查  询
	      	  </button>
	        </span>
	    </div>		    
	    
	<br>

<!--  111 -->
		<div class="row-fluid">
						<div class="span12">
							<!--PAGE CONTENT BEGINS-->
							<div class="row-fluid">
								<div class="span12">
									<table id="sample-table-1" class="table table-striped table-bordered table-hover">
										<thead>
											<tr>
												<th class="center">
													<label>
														<input type="checkbox" />
														<span class="lbl"></span>
													</label>
												</th>
												<th>NE</th>
												<th>机架</th>
												<th class="hidden-480">机盘</th>
												<th class="hidden-phone">网元类型</th>
												<th class="hidden-480">时间</th>
												<th class="hidden-480">性能指标</th>
												<th class="hidden-480">指标值</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td class="center">
													<label>
														<input type="checkbox" />
														<span class="lbl"></span>
													</label>
												</td>
												<td>
													<a href="#">172.16.161.1</a>
												</td>
												<td>Chassis:1</td>
												<td class="hidden-480">Slot:1</td>
												<td class="hidden-phone">EDFA</td>
												<td class="hidden-480">2014-03-03 10:00</td>
	                                            <td class="hidden-480">Fec0INStatsOofstatStat</td>
	                                            <td class="hidden-480">20</td>
											</tr>
											<tr>
												<td class="center">
													<label>
														<input type="checkbox" />
														<span class="lbl"></span>
													</label>
												</td>
												<td>
													<a href="#">172.16.161.2</a>
												</td>
												<td>Chassis:2</td>
												<td class="hidden-480">Slot:2</td>
												<td class="hidden-phone">EDFA</td>
												<td class="hidden-480">2014-03-03 10:00</td>
	                                            <td class="hidden-480">Fec0INStatsOofstatStat</td>
	                                            <td class="hidden-480">21</td>
											</tr>
											<tr>
												<td class="center">
													<label>
														<input type="checkbox"/>
														<span class="lbl"></span>
													</label>
												</td>
												<td>
													<a href="#">172.16.161.3</a>
												</td>
												<td>Chassis:3</td>
												<td class="hidden-480">Slot:3</td>
												<td class="hidden-phone">EDFA</td>
												<td class="hidden-480">2014-03-03 10:00</td>
	                                            <td class="hidden-480">Fec0INStatsOofstatStat</td>
	                                            <td class="hidden-480">22</td>
											</tr>
											<tr>
												<td class="center">
													<label>
														<input type="checkbox" />
														<span class="lbl"></span>
													</label>
												</td>
												<td>
													<a href="#">172.16.161.4</a>
												</td>
												<td>Chassis:4</td>
												<td class="hidden-480">Slot:4</td>
												<td class="hidden-phone">EDFA</td>
												<td class="hidden-480">2014-03-03 10:00</td>
	                                            <td class="hidden-480">Fec0INStatsOofstatStat</td>
	                                            <td class="hidden-480">23</td>
											</tr>
											<tr>
												<td class="center">
													<label>
														<input type="checkbox" />
														<span class="lbl"></span>
													</label>
												</td>
												<td>
													<a href="#">172.16.161.5</a>
												</td>
												<td>Chassis:5</td>
												<td class="hidden-480">Slot:5</td>
												<td class="hidden-phone">EDFA</td>
												<td class="hidden-480">2014-03-03 10:00</td>
	                                            <td class="hidden-480">Fec0INStatsOofstatStat</td>
	                                            <td class="hidden-480">24</td>
											</tr>
										</tbody>
									</table>
									${pages}
								</div><!--/span-->
							</div><!--/row-->
					</div>
<!--  333 -->
	</div>		
</body>
</html>
